<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header card-header-inverse">
                <h4 class="card-header-title">
                    参数配置
                </h4>
            </div>
            <div class="card-content table-full-width">
                <div class="toolbar">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-xs-12 col-md-7">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group label-floating is-empty">
                                            <label class="control-label"></label>
                                            <input type="text" class="form-control form-control-sm" data-provide="datepicker" id="startDate" placeholder="开始日期">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group label-floating is-empty">
                                            <label class="control-label"></label>
                                            <input type="text" class="form-control form-control-sm" data-provide="datepicker" id="finishDate" placeholder="结束日期">
                                        </div>
                                    </div>
                                    <div class="col-md-6 text-left">
                                        <div class="form-group label-floating is-empty" style="margin-top: 4%">
                                            <label class="control-label"></label>
                                            <button class="btn btn-primary btn-sm" data-options='{"target":"FIND"}'>
                                                <i class="fa fa-search fa-fw"></i>查 找
                                            </button>
                                            <button class="btn btn-warning btn-sm" data-options='{"target":"RESET"}'>
                                                <i class="fa fa-recycle fa-fw"></i>重 置
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-md-5">
                                <div class="form-group label-floating is-empty" style="margin-top: 3%">
                                    <label class="control-label"></label>
                                    <?php foreach ($citem as $key=>$value) :?>
                                        <button class="btn btn-<?= $value['Style']?> btn-sm" data-options='<?= $value['Options']?>' data-title="<?= $value['Title']?>">
                                            <i class="fa fa-<?= $value['Icon']?>"></i> <?= $value['Title']?>
                                        </button>
                                    <?php endforeach;?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="material-datatables">
                    <table id="datatables" data-url="<?= \yii\helpers\Url::to([$module->RouteURL])?>" class="table table-striped table-hover display responsive nowrap" cellspacing="0" width="100%">
                        <thead>
                        <tr class="text-danger">
                            <th>参数键</th>
                            <th>参数值</th>
                            <th>可选项</th>
                            <th>键值对描述</th>
                            <th>提示</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $("#datatables").createPager([{
            width: '20%',
            data: "CfgKey",
            className: 'text-center'
        }, {
            width: '20%',
            data: "CfgVal"
        }, {
            width: '30%',
            data: "CfgOptions"
        }, {
            width: '20%',
            data: "CfgDescribe"
        }, {
            width: '10%',
            data: "status"
        }]);
    });
</script>